<?xml version="1.0" encoding="ISO-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<h:head>

	
</h:head>
	<body bgcolor="#363636" style="background-position: center;"
	 background="http://www.sociedadedacerveja.com.br/web/wp-content/uploads/2012/09/cerveja.jpg">
		
	
			

		
		<p:layout style="opacity:0.8; margin-left: 50px; margin-top: 50px; margin-right:50px; min-width:800px;min-height:800px;" id="layout" >

                <p:layoutUnit id="top" position="north" size="250" >north</p:layoutUnit>              
                
                <p:layoutUnit id="left" position="west" size="200"> left
                   <p:layout>
                      <p:layoutUnit id="inner_north" position="north" size="200">inner north</p:layoutUnit>
                      <p:layoutUnit id="inner_south" position="center" size="200">inner south</p:layoutUnit>
                   </p:layout>
                </p:layoutUnit>            
                
                <p:layoutUnit id="center" position="center"/>             
                              
            </p:layout>
	
	</body>
</html>